<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<title>jQuery电网分分步骤注册表单代码</title>

<link rel="stylesheet" type="text/css" href="../css/index-debug.css">
<link rel="stylesheet" type="text/css" href="../css/index.css">
<link rel="stylesheet" type="text/css" href="../css/jquery.step.css">
<link rel="stylesheet" type="text/css" href="../css/sweetalert.css">
</head>
<body style="width: 100%;height: 70%" >
<div class="step-body" id="myStep">
	<input type="hidden" id="pcId" >
	<div class="step-header" style="width:80%">
		<ul>
			<li><p>阅读流明</p></li>
			<li><p>退款申请</p></li>
			<li><p>完成</p></li>
		</ul>
	</div>
	<div class="step-content">
		<div class="step-list">
			<div class="page-panel-title">
					<h3 class="page-panel-title-left">流程说明</h3>
					<h3 class="page-panel-title-right" >注：黄色为需要你配合的环节</h3>
			</div>
			<div class="intro-flow">
				<div class="intro-list">
					<div class="intro-list-left">
						业务受理
					</div>
					<div class="intro-list-right">
						<span>1</span>
						<div class="intro-list-content">
							无需您出门，请备齐相关资料，并保持联系电话的畅通，我们会及时受理您的申请，与您预约进行现场堪察，届时会同步收取相关资料。公司将派专人,到店质检。
						</div>
					</div>
				</div>

				<div class="intro-list intro-list-active">
					<div class="intro-list-left">
						填写申请原因
					</div>
					<div class="intro-list-right">
						<span>2</span>
						<div class="intro-list-content">
							根据实际现场情况填写退货原因。
						</div>
					</div>
				</div>

				<div class="intro-list">
					<div class="intro-list-left">
						答复客户
					</div>
					<div class="intro-list-right">
						<span>3</span>
						<div class="intro-list-content">
							本公司将指派专人介入，并向您回复相关情况。工作人员24小时之内联系您，请您保持联系电话的畅通。
						</div>
					</div>
				</div>

				<div class="intro-list">
					<div class="intro-list-left">
						申报检验
					</div>
					<div class="intro-list-right">
						<span>4</span>
						<div class="intro-list-content">
							我公司将与您预约上门时间,进行检验。
						</div>
					</div>
				</div>

				<div class="intro-list intro-list-active">
					<div class="intro-list-left">
						到店质检
					</div>
					<div class="intro-list-right">
						<span>5</span>
						<div class="intro-list-content">
							质检人员到店进行质检,质检不过关将全退款退货.
						</div>
					</div>
				</div>

				<div class="intro-list intro-list-last">
					<div class="intro-list-left">
						完成
					</div>
					<div class="intro-list-right">
						<span>6</span>
						<div class="intro-list-content">
							民康药业,一家为您私人订制的公司!!!
						</div>
					</div>
				</div>
			</div>
			<div class="footer-btn">
				<div class="common-btn">
					<a href="javascript:void(0);" id="applyBtn">马上申请</a>
				</div>
			</div>
		</div>
		<div class="step-list">
			<div class="footer-btn" style=" width: 100%;height: 65%; " >
				<iframe  id="one" src="drugRturn.html" style=" width: 100%; height: 600px; " ></iframe>
				<div class="common-btn"  >
					<a href="javascript:void(0);" id="submitBtn">提交</a>
				</div>
			</div>
		</div>
		<div class="step-list">
			<div class="apply-finish">
				<div class="apply-finish-header">
					<img src="../images/success.png">
					<div class="apply-finish-msg">恭喜您，提交成功！</div>
				</div>
				<div class="apply-finish-footer">
					<p>需要审核3-5个工作日 请您耐心等候!!!</p>
				</div>
			</div>
		</div>
	</div>

</div>

<script src="../jquery/1.8/jquery.min.js"></script>
<script src="../js/jquery.step.js"></script>
<script src="../js/sweetalert.min.js"></script>
<script>
	$(function() {
		var id = null;
		var step= $("#myStep").step({
			animate:true,
			initStep:1,
			speed:1000
		});
		$("#preBtn").click(function(event) {
			var yes=step.preStep();
		});
		$("#applyBtn").click(function(event) {

			document.getElementById("pcId").value;
			var yes=step.nextStep();
		});
		$("#submitBtn").on('click',function() {
			let mes1 = window.localStorage.getItem("mes");
			if(mes1!=null && mes1!=""){
				swal({
					title: "退货原因",
					text: "请输入您遇到的问题!!!",
					type: "input",
					showCancelButton: true,
					closeOnConfirm: false,
					animation: "slide-from-top",
					inputPlaceholder: "遇到的问题"
				}, function(inputValue) {
					if (inputValue === false)
						return false;
					if (inputValue === "") {
						swal.showInputError("退款原因必填!!!");
						return false
					}
					var url = "../../../../../orderReturnApply/refundPutIn";
					var data = {
						jsonmes:JSON.stringify(mes),
						refundCause:inputValue
					}
					$.get(url,data,function(){

					});
					swal("申请成功!", "您填写的是: " + inputValue, "success");
					var yes=step.nextStep();
					window.localStorage.removeItem("mes");
				});
			}else{
				swal("OMG!", "请选择您需要退换的药品!!!!", "error");
			}
		});
		$("#goBtn").click(function(event) {
			var yes=step.goStep(3);

		});
	});
</script>
<!-- 左侧客服css -->
<link rel="stylesheet" type="text/css" href="../css/public.css">

<div class="test"></div>
<!-- 右侧导航 -->
<ul class="right_nav">
	<li>
		<div class="iconBox oln_ser">
			<img src='../images/rnqq.png'>
			<h4>在线客服</h4>
		</div>
		<div class="hideBox">
			<div class="hb">
				<h5>在线咨询</h5>
				<div class="qqtalk">
					<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1535775178&site=qq&menu=yes">
                     <span><img src="../images/online.png" alt="点击发消息"
								title="点击发消息" /></span>
						<p>点击发消息</p>
					</a>
				</div>
			</div>
		</div>
	</li>
	<li>
		<div class="iconBox phe_num">
			<img src='../images/rncall.png'>
			<h4>联系电话</h4>
		</div>
		<div class="hideBox">
			<div class="hb">
				<h5>热线电话</h5>
				<p>18866886688</p>
			</div>
		</div>
	</li>
	<li>
		<div class="iconBox">
			<img src='../images/rnphone.png'>
			<h4>手机站点</h4>
		</div>
		<div class="hideBox">
			<div class="hb">
				<h5>手机扫一扫打开</h5>
				<img src='../images/ewm.jpg'>
			</div>
		</div>
	</li>
	<li>
		<div class="iconBox to_msg">
			<img src='../images/rnmsg.png'>
			<h4>在线留言</h4>
		</div>
	</li>
	<li>
		<div class="iconBox top">
			<img src='../images/rntop.png'>
			<h4>回到顶部</h4>
		</div>
	</li>
</ul>
<!-- 导航js -->
<script type="text/javascript" src='../js/rightAsk.js'></script>
</body>
</html>
